/*
 * @Title: 九宫格抽奖
 * @Author: JSL
 * @Date:   2018-12-22
 * @Last Modified by:   JSL
 * @Last Modified time: 2018-12-22
 */
(function($) {
  $.fn.FontScroll = function(options) {
    var d = {
      time: 3000,
      s: 'fontColor',
      num: 1
    }
    var o = $.extend(d, options);
    this.children('ul').addClass('line');
    var _con = $('.line').eq(0);
    var _conH = _con.height();
    var _conChildH = _con.children().eq(0).height();
    var _temp = _conChildH;
    var _time = d.time;
    var _s = d.s;
    _con.clone().insertAfter(_con);
    var num = d.num;
    var _p = this.find('li');
    var allNum = _p.length;
    _p.eq(num).addClass(_s);
    var timeID = setInterval(Up, _time);

    function Up() {
      _con.animate({
        marginTop: '-' + _conChildH
      });
      _p.removeClass(_s);
      num += 1;
      _p.eq(num).addClass(_s);
      if (_conH == _conChildH) {
        _con.animate({
          marginTop: '-' + _conChildH
        }, "normal", over);
      } else {
        _conChildH += _temp;
      }
    }

    function over() {
      _con.attr("style", 'margin-top:0');
      _conChildH = _temp;
      num = 1;
      _p.removeClass(_s);
      _p.eq(num).addClass(_s);
    }
  }
})(jQuery);
// 整个转动过程所需的步骤
var step = [
  ['c1', 0], // 第一个元素特殊设置
  ['c1', 700],
  ['c2', 600],
  ['c3', 500],
  ['c4', 400],
  ['c5', 400],
  ['c6', 400],
  ['c7', 400],
  ['c8', 400],
  ['c1', 300],
  ['c2', 300],
  ['c3', 300],
  ['c4', 300],
  ['c5', 300],
  ['c6', 300],
  ['c7', 300],
  ['c8', 300],
  ['c1', 300],
  ['c2', 300],
  ['c3', 300],
  ['c4', 300],
  ['c5', 300],
  ['c6', 300],
  ['c7', 300],
  ['c8', 300],
  ['c1', 300],
  ['c2', 300],
  ['c3', 300],
  ['c4', 300],
  ['c5', 300],
  ['c6', 300],
  ['c7', 300],
  ['c8', 300],
  ['c1', 300],
  ['c2', 200],
  ['c3', 200],
  ['c4', 200],
  ['c5', 200],
  ['c6', 200],
  ['c7', 200],
  ['c8', 300],
  ['c1', 400],
  ['c2', 400],
  ['c3', 500],
  ['c4', 500],
  ['c5', 600],
  ['c6', 600],
  ['c7', 700],
  ['c8', 700]
];

// 记录当前步数，即step数组的下标
var current = 1;
// 指定需要停在图片的序号
var dataNum = 1;
// 图片总量（不包括按钮）
var total = 8;
// 转盘结束时弹窗显示的文字
var msg = '';

// 设置样式和重新设置定时器
function run() {
  // 删除之前设置的cur类
  $('#' + dataInfo.init.step2[current - 1][0]).removeClass('cur');
  // 为当前元素设置cur类
  $('#' + dataInfo.init.step2[current][0]).addClass('cur');

  // 判断step数组所有步骤是否已经走完
  if (dataInfo.init.step2.length - current - 1 + dataNum == total) {
    //  	此处为弹出提示信息框,可手动更改
    // alert(msg);
    // window.location.reload();
    console.log(dataNum);
    setTimeout(function() {
      dataInfo.init.prizeStatus = 1;
      dataInfo.init.prizeSwitch = 1;
      // dataNum = 1;
      current = 1;
    }, 500);
  } else {
    // 重新设置定时器
    setTimeout('run()', dataInfo.init.step2[current][1]);
    // current == step.length ? current-- : current++;
    current++;
  };
};

function start() {
  msg = 'thank you'; // 转盘结束时弹窗显示的文字
  dataNum = 7; // 指定需要停在图片的序号
  run();
};
